$(function(){
	// 菜单点击事件
	$("#ca_contanier").width((window.innerWidth - 64) + "px");
	$("#ca_contanier").height((window.innerHeight - 60) + "px");

	$(".ca_right li").on('mouseover',function(){
		$(this).css('background','rgba(0,0,0,0.2)')
	}).mouseout(function(){
		$(this).css('background','none');
	});
	
	$.ajax({
		url: webroot + '/menus/menuList',
		type: "post",
		data: {"state":"0","isleaf":"0"}, //显示状态，一级菜单
		success:function(data){
			var liList="";
			for(var i=0; i<data.data.length; i++){
				var menu = data.data[i];
				if(menu.sysMenuUrl != null && menu.sysMenuUrl != ""){
					liList += '<li class="ca_home" id="'+ menu.id +'">' +
									'<a href="' + webroot + "/" + menu.sysMenuUrl +'" target="ca_rightiframe">' +
										'<i class="ion '+ menu.sysMenuCode +'"></i>' +
										'<span>'+ menu.sysMenuName +'</span>' +
									'</a>' +
							   '</li>';
				}else{
					liList += '<li class="ca_home navnext" id="'+ menu.id +'">' +
									'<a href="javascript:void(0)">' +
										'<i class="ion '+ menu.sysMenuCode +'"></i>' +
										'<span>'+ menu.sysMenuName +'</span>' +
									'</a>' +
									'<ul class="childrenul clearfix"></ul>' +
							   '</li>';
				}
				
			}
			$(".ca_leftnav ul").append(liList);
			$(".ca_leftnav ul li").eq(0).addClass("active");
			$(".ca_leftnav ul li").on('click',function(){
				console.log("click  --->"+$(this).attr("id"))
				$(".ca_leftnav ul li ul").html("");
				
				var selfHeight = $(this).offset().top;
				var bodyHeight = $(document).height();
				if(selfHeight > bodyHeight/2){
					$(this).children("ul").css({
						  top: 'inherit',
					  	  bottom: 0
					});
				}
				var _self = this;
				if($(this).hasClass("navnext")){
					$.ajax({
						url: webroot + '/menus/getSecondaryMenuList',
						type: "post",
						data: {menuId: $(this).attr("id")},
						success:function(obj){
							var nextLi = "";
							for(var j=0; j<obj.data.length; j++){
								var secondaryMenu = obj.data[j];
								nextLi += '<li><a href="' + webroot + "/" + secondaryMenu.sysMenuUrl +'"  target="ca_rightiframe">'+ secondaryMenu.sysMenuName +'</a></li>';
							}
							$(_self).children("ul").append(nextLi);
							
							$(".childrenul li").on('click',function(e){
								e.stopPropagation();
								$(this).parent().html("");
							});
							
							$(document).on('click',function(){								
								$(".childrenul li").parent().html("");
							});
							
							
//							//使二级ul消失
							$(window.frames["ca_rightiframe"].document).find("html").on('click',function(){
								$(".childrenul li").parent().html("");
							});
//							
							
							$("#ca_contanier").on('click',function(){
								$(".childrenul li").parent().html("");
							})
						}
					})
				}else{
					
				}
				$(this).addClass("active").siblings().removeClass("active");
			});
		}
	});
})
